function _slicedToArray(arr, i) {
  return (
    _arrayWithHoles(arr) ||
    _iterableToArrayLimit(arr, i) ||
    _unsupportedIterableToArray(arr, i) ||
    _nonIterableRest()
  );
}
function _nonIterableRest() {
  throw new TypeError(
    'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
  );
}
function _unsupportedIterableToArray(o, minLen) {
  if (!o) return;
  if (typeof o === 'string') return _arrayLikeToArray(o, minLen);
  var n = Object.prototype.toString.call(o).slice(8, -1);
  if (n === 'Object' && o.constructor) n = o.constructor.name;
  if (n === 'Map' || n === 'Set') return Array.from(o);
  if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
    return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
  return arr2;
}
function _iterableToArrayLimit(arr, i) {
  var _i =
    null == arr
      ? null
      : ('undefined' != typeof Symbol && arr[Symbol.iterator]) || arr['@@iterator'];
  if (null != _i) {
    var _s,
      _e,
      _x,
      _r,
      _arr = [],
      _n = !0,
      _d = !1;
    try {
      if (((_x = (_i = _i.call(arr)).next), 0 === i)) {
        if (Object(_i) !== _i) return;
        _n = !1;
      } else
        for (
          ;
          !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i);
          _n = !0
        );
    } catch (err) {
      (_d = !0), (_e = err);
    } finally {
      try {
        if (!_n && null != _i.return && ((_r = _i.return()), Object(_r) !== _r)) return;
      } finally {
        if (_d) throw _e;
      }
    }
    return _arr;
  }
}
function _arrayWithHoles(arr) {
  if (Array.isArray(arr)) return arr;
}
import classnames from 'classnames';
import React, { useState } from 'react';
import './index.less';

/**
 * 面板
 */
export default function Panel(_ref) {
  var className = _ref.className,
    style = _ref.style,
    title = _ref.title,
    iconProp = _ref.icon,
    extraHeaderMainContent = _ref.extraHeaderMainContent,
    extraHeaderContent = _ref.extraHeaderContent,
    children = _ref.children,
    _ref$collapsed = _ref.collapsed,
    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed;
  var _useState = useState(collapsed ? false : true),
    _useState2 = _slicedToArray(_useState, 2),
    visible = _useState2[0],
    setVisible = _useState2[1];
  return /*#__PURE__*/ React.createElement(
    'div',
    {
      className: classnames('szzj-panel', className),
      style: style,
    },
    /*#__PURE__*/ React.createElement(
      'div',
      {
        className: 'szzj-panel-header',
        onClick: collapsed
          ? function () {
              return setVisible(function (v) {
                return !v;
              });
            }
          : undefined,
      },
      /*#__PURE__*/ React.createElement(
        'div',
        {
          className: 'szzj-panel-header-main-content',
        },
        iconProp &&
          /*#__PURE__*/ React.createElement(
            'span',
            {
              className: 'szzj-panel-header-icon',
            },
            iconProp,
          ),
        /*#__PURE__*/ React.createElement(
          'span',
          {
            className: 'szzj-panel-header-title',
          },
          title,
        ),
        extraHeaderMainContent &&
          /*#__PURE__*/ React.createElement(
            'span',
            {
              className: 'szzj-panel-header-extra-main-content',
            },
            extraHeaderMainContent,
          ),
      ),
      extraHeaderContent &&
        /*#__PURE__*/ React.createElement(
          'div',
          {
            className: 'szzj-panel-header-exrea-content',
          },
          extraHeaderContent,
        ),
    ),
    visible &&
      /*#__PURE__*/ React.createElement(
        'div',
        {
          className: 'szzj-panel-content',
        },
        children,
      ),
  );
}
